<template>
  <div id="app">
   <router-view />
   <!--3.使用组件-->
   <Footer v-show="$store.state.common.isShow"> </Footer>
  </div>
</template>

<script>
//1.导入Footer组件
import Footer from "@/components/Nav/Footer.vue"
export default {
  data () {
    return {
      //isShow: true
    }
  },
  //2.注册组件
components :{
// Footer:footer
Footer,
},
//接收通知(监听事件)
// created(){
//   //开始监听底部导航的改变事件
//   this.$eventBus.$on("toggleFooter",(val) =>{
//     //val就是实际需要使用的值
//     this.isShow = val
//   })
// }
}
</script>

<style lang="scss">

</style>
